<template>
	<view class="container">
		<view class="person-item flex">
			<text class="label">国籍(地区)</text>
			<text class="value">中国</text>
		</view>
		<view class="person-item flex">
			<text class="label">真实姓名</text>
			<text class="value">{{personInfo.shiming.realName}}</text>
		</view>
		<view class="person-item flex">
			<text class="label">证件类型</text>
			<text class="value">身份证</text>
		</view>
		<view class="person-item flex">
			<text class="label">证件号码</text>
			<text class="value">{{personInfo.shiming.IDNumber}}</text>
		</view>
		<view class="person-item flex">
			<text class="label">手机号码</text>
			<text class="value">{{personInfo.mobile}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				personInfo:{}
			};
		},
		async onLoad() {
			try{
				this.personInfo=await this.$u.api.personInfoApi()
			}catch(e){
				//TODO handle the exception
			}
		}
	}
</script>

<style lang="scss">
.container{
	.person-item{
		padding: 30rpx;
		background-color: #fff;
		border-bottom: 1rpx solid $color-gray;
		.label{
			margin-right: 30rpx;
			width: 200rpx;
		}
	}
}
</style>
